<template lang="html">
  <div id="recordsymptom">
    <div class='record-header'>
		<router-link to='/recordsymptom/record' class='record-header-box'>
			<div class='header-i  header-one'>	
				<i class="icon iconfont icon-richangjilu"></i>
				<a>日常记录</a>
			</div>
		</router-link>
		<router-link to='/recordsymptom/symptom' class='record-header-box'>
			<div class='header-i'>	
				<i class="icon iconfont icon-zhengzhuangqingli"></i>
				<a>症状调理</a>
			</div>
		</router-link>  
  	</div>
    <CarIcon />
  </div>
</template>
<script>
import CarIcon from '../../cart/CartIcon.vue'
export default {
  name:'RecordSymptom',
  components:{
    CarIcon
  }
}
</script>

<style lang='less' scoped>
#recordsymptom{
  width: 100%;
  background-color: #f1f1f1;
  float: left;
  .record-header{
  	width: 100%;
  	height: 1rem;
  	.record-header-box{
  		width: 50%;
  		height: 100%;
  		float: left;
  		text-align:center;
  		color: #717171;
  		font-size: 0.35rem;
  		.header-one{
			  border-right:1px solid #717171;
	  	}
	  	.header-i{
  			width: 100%;
  			height: 0.6rem;
  			margin-top: 0.2rem;
  			line-height:0.6rem;
  			i{
  				margin-left:20%;
  				font-size:0.55rem;
  				float: left;
  			}
  			a{
  				margin-left:0.1rem;
  				font-size:0.35rem;
  				float: left;
  			}
  		}
  	}
  }
}
</style>
